/* pages/category/index.wxss */
.cate-wrap {
  display: flex;
  height: ~'calc(100vh - 90rpx)';
  .left-wrap {
    width: 25vw;
    .left-title {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 72rpx;
      font-size: 30rpx;
    }
    .active {
      color: var(--themeColor);
    }
  }
  .right-wrap {
    flex:1;
    .cate-group {
      width: 100%;
      .cate-title {
        width: 100%;
        height: 72rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30rpx;
        text {
          color: #ccc;
        }
      }
      .cate-product {
        width: 33.33%;
        float: left;
        padding: 10rpx;
        text-align: center;
        image {
          width: 50%;
        }
      }
    }
  }
}